<template>
  <div class="nav-icons bg-white mt-3 text-center pt-3 text-grey-1">
    <div class="d-flex flex-wrap">
      <div class="nav-item mb-3" v-for="n in 10" :key="n">
        <i class="sprite sprite-news"></i>
        <div class="py-2">爆料站</div>
      </div>
    </div>

    <!-- 收起 -->
    <div class="bg-light py-2 fs-sm">
      <i class="sprite sprite-arrow mr-1"></i>
      <span>收起</span>
    </div>
  </div>
</template>

<style lang="scss">
@import "../assets/scss/variables";
.nav-icons {
  border-top: 1px solid $border-color;
  border-bottom: 1px solid $border-color;
  .nav-item {
    width: 25%;
    border-right: 1px solid $border-color;
    &:nth-child(4n) {
      border-left: none;
    }
  }
}
</style>
